.personal-left
	flex:1;
	width:220px;
	text-align:center;
	border-right:1px solid #f1f4f6;
	.userHeadBox
		margin:60px 0 70px;
		font-size:18px;
		font-weight:bold;
		.headImg
			width:96px;
			height:96px;
			margin:0 auto 10px auto;
			border-radius:100%;
			overflow:hidden;
			border:1px solid #f2f5f7;
			display:flex;
			justify-content:center;
			align-items:center;
	.personalUl
		li
			border-bottom:1px solid #f1f4f6;
			text-align:left;
			transition:all 0.2s ease;
			position:relative;
			font-size:0;
			&:last-child
				border-bottom:0 none;
			a
				display:block;
				font-size:16px;
				padding:15px 0 15px 60px;
				i
					margin-right:5px;
			&.active
			&:hover
				background:-webkit-linear-gradient(to right, #3f64ff 0%, #3c60ff 100%); 
				background:linear-gradient(to right, #3f64ff 0%, #3c60ff 100%);
				color:#ffffff;
				&::after
					content:"";
					position:absolute;
					right:0;
					top:50%;
					transform:translatey(-50%);
					width:0;
					height:0;
					border-top:7px solid transparent;
					border-bottom:7px solid transparent;
					border-right:10px solid #ffffff;